import React, { Component } from 'react'
// 写这个withFar函数,就是为了接收子组件(需要使用公共状态和逻辑的组件)
// 高阶组件这个变成技巧,一般定义函数名,就叫withXxx
export default class Far extends Component {
  state = {
    username: '',
    password: '',
    repassword: '',
  }
  handle = (name) => (e) => {
    this.setState({
      [name]: e.target.value.trim(),
    })
  }

  render() {
    // return this.props.children(this.state, handle)
    return this.props.render(this.state, this.handle)
  }
}
